<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script>
//        $(function () {
//            // value = 元素值 会被选中
//            $('.hd').val([1,4]);
//
//        })
        function fn() {
            // 设置 全部复选框 选中
            $('.hd').attr('checked',true);
        }
        function fn1() {
            // 设置 全部复选框 取消
            $('.hd').attr('checked',false);
        }
    </script>
</head>
<body>
<input type="checkbox" class="hd" value="1">篮球
<input type="checkbox" class="hd" value="2">气球
<input type="checkbox" class="hd" value="3">拍球
<input type="checkbox" class="hd" value="4">足球
<br />
<input type="button" onclick="fn()" value="点击设置">
<input type="button" onclick="fn1()" value="点击取消">
</body>
</html>